import masonryCss from './components/masonryCss.vue'
import MasonryWall from './components/masonryWall.vue';
import dragable from './components/dragable.vue';
import DragAndDrop from './components/dragAndDrop.vue';
import Vuedragable from './components/vuedragable.vue';
import DragbaleWaterfallDemo from './components/dragableWaterfall/dragbaleWaterfallDemo.vue';
import Sortable from './components/vue-sortable.vue';

const routes = [
    { path: '/', component: DragbaleWaterfallDemo },
    { path: '/masonry-css', component: masonryCss },
    { path: '/masonry-wall', component: MasonryWall },
    { path: '/dragable-waterfall', component: dragable },
    { path: '/drag-and-drop', component: DragAndDrop },
    { path: '/vuedragable', component: Vuedragable },
    {path: '/sortable', component: Sortable}
]

export default routes;